<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>template实例2:x-template</title>
	<script src="./js/vue.js"></script>
</head>
<body>
	<!-- 模板 -->
	<div>
		<span>妙味课堂</span>
	</div>
	
	<div id="demo">
		<span>妙味课堂</span>
	</div>

	<script type="x-template" id="temp">
		<div class='m-temp'>
			我是x-template渲染出来的！abc的值是:{{abc}},message内容:{{message}},
			<span>我是一个span</span>
		</div>
	</script>

	<script>
		var vdata = {
			message:"hello,Vue",
			// 这里的html,一定要是可靠的html,不是输入框里的html
			html:"<div>hello,MiaoV</div>",
			abc:"123",
			message:"我是message"
		}
		// 渲染
		new Vue({
			el:"#demo",
			data:vdata,
			template:"#temp"
		});
	</script>
</body>
</html>